<!DOCTYPE html>
<html>

<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>下属考勤记录</title>

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>

    </style>

</head>

<body class="white-bg x_sorll" style="padding: 3px;">
<div class="page-heade">
    <h2 class="title_color text-center">下属考勤记录</h2>
</div>
<form action="" class="form-inline" id="form1">
    <table class="table table-bordered bud_hei">
        <tr>
            <td>员工姓名</td>
            <td><input type="text" name="em_name" value="{$em_name}" class="form-control"></td>
            <td>所属部门</td>
            <td><input type="text" name="em_de" class="form-control"></td>
            <td class="text-right">考勤起止日期</td>
            <td>
                <div class="form-group">
                    <input type="text" id="start" class="form-control layer-date "
                           style="min-width:120px;width:120px;display: inline-block;" name="start" value="{$start}">
                </div>
                <div class="form-group">
                    到
                </div>
                <div class="form-group">
                    <input type="text" class="form-control layer-date"
                           style="min-width:120px;width:120px;display: inline-block;" id="end" name="end" value="{$end}">
                </div>
            </td>
            <td class="text-left">
                <button class="btn-sm btn-info btn">查询</button>
                <span class="lr_5"></span>
                <button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button>
                <button class="btn btn-sm btn-info" type="button">导出Excel</button>
            </td>
        </tr>
    </table>
</form>
<table class="table table-striped table-bordered table-hover bud_hei text-center aprovalSystemTable"
       style="width: 100%;">
    <tr class="info">
        <th class="text-center">No.</th>
        <th class="text-center">日期</th>
        <th class="text-center">姓名</th>
        <th class="text-center">所属部门</th>
        <th class="text-center">员工档案号</th>
        <th class="text-center">星期列</th>
        <th class="text-center">上班时间</th>
        <th class="text-center">上班地点</th>
        <th class="text-center">距离偏差</th>
        <th class="text-center">上班照片</th>
        <th class="text-center">上班说明</th>
        <th class="text-center">下班时间</th>
        <th class="text-center">下班地点</th>
        <th class="text-center">距离偏差</th>
        <th class="text-center">下班照片</th>
        <th class="text-center">下班说明</th>
        <th class="text-center">迟到分钟</th>
        <th class="text-center">早退分钟</th>
        <th class="text-center">旷工天</th>
        <th class="text-center">出勤小时</th>
        <th class="text-center">部门经理</th>
        <th class="text-center">备注</th>
    </tr>
    <tbody>
    {volist name="data" id="row" key="k"}
    <tr>
        <td>{$k}</td>
        <td>{$row.date}</td>
        <td>{$row.em_name}</td>
        <td>{$row.em_de}</td>
        <td>{$row.em_fileno}</td>
        <td>{$row.week}</td>
        <td>{$row.sbjj}</td>
        <td><span>{$row.sbdd}</span><a href="javascript:;"><img src="__STATIC__/layout/img/map.png"
                                                                style="width: 24px;height: 24px;vertical-align: bottom;"></a>
        </td>
        <td class="text-danger">{$row.sbjlpc}</td>
        <td><img src="{$row.sbzp}"></td>
        <td>{$row.sbsm}</td>
        <td>{$row.xbsj}</td>
        <td>
            <span>{$row.xbdd}</span><a href="javascript:;"><img src="__STATIC__/layout/img/map.png"
                                                                style="width: 24px;height: 24px;vertical-align: bottom;"></a>
        </td>
        <td class="text-danger">{$row.jlpc}</td>
        <td><img src="{$row.xbzp}"></td>
        <td>{$row.xbsm}</td>
        <td>{$row.cdfz}</td>
        <td>{$row.ztfz}</td>
        <td>{$row.kgt}</td>
        <td>{$row.cqxs}</td>
        <td>{$row.bmjl}</td>
        <td>{$row.bz}</td>
    </tr>
    {/volist}
    <tr>
        <td>1</td>
        <td>2017-12-12</td>
        <td>李强</td>
        <td>西北大区</td>
        <td>DA0009</td>
        <td>星期日</td>
        <td>13:00:47</td>
        <td><span>广东省广州市番禺区番禺大道北辅路</span><a href="javascript:;"><img src="__STATIC__/layout/img/map.png"
                                                                     style="width: 24px;height: 24px;vertical-align: bottom;"></a>
        </td>
        <td class="text-danger">0.04公里</td>
        <td><img src="__STATIC__/layout/img/expenseType.png"></td>
        <td></td>
        <td>18:19:17</td>
        <td><span>广东省广州市番禺区番禺大道北辅路</span><a href="javascript:;"><img src="__STATIC__/layout/img/map.png"
                                                                     style="width: 24px;height: 24px;vertical-align: bottom;"></a>
        </td>
        <td class="text-danger">0.06公里</td>
        <td><img src="__STATIC__/layout/img/expenseType.png"></td>
        <td></td>
        <td>240</td>
        <td>0</td>
        <td>0</td>
        <td>5.31</td>
        <td>钟维</td>
        <td>迟到 下班签到正常</td>
    </tr>
    </tbody>
</table>
<!--  <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                 总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                 每页显示
                 <select id="pagesize">
                     <option value='10' selected>10条</option>
                     <option value='15'>15条</option>
                     <option value='20'>20条</option>

                 </select>
             </h5> -->
<!--    <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->

<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click', 'input[type=text]', function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    //日期范围限制
    var start = {
        elem: '#start',
        format: 'YYYY/MM/DD',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY/MM/DD',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
    $(document).ready(function () {
        $('#reset').on('click', function () {
            $("#form1 input").each(function () {
                $(this).val('');
            });
            $("#form1 select").each(function () {
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })

</script>
</body>

</html>